// pages/feedback/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        tabs: [{
            id: 0,
            value: "体验问题",
            isActive: true,
        }, {
            id: 1,
            value: "商品、商家投诉",
            isActive: false,
        }],
        // 被选中的图片路径数组
        chooseImgs: [],
        // 文本域的内容
        textVal: ""
    },
    //外网的图片路径
    UpLodaImgs: [],
    // 提交按钮
    handleFormSubmit() {
        //图片数组
        // 获取文本域内容
        const { textVal, chooseImgs } = this.data
            //合法性校验
        if (!textVal.trim()) {
            //不合法
            wx.showToast({
                title: '输入不合法',
                icon: "",
                mask: true,
            });
            return
        }
        wx.showLoading({
            title: "正在上传中",
            mask: true,
        });
        if (chooseImgs.length !== 0) {
            //准备上传图片
            chooseImgs.forEach((v, i) => {
                wx.uploadFile({
                    //图片上传哪
                    url: 'https://media.mogu.com/image/scale?appKey=15m&w=500&h=500&quality=100',
                    // url: "https://imgchr.com/",
                    filePath: v,
                    //上传文件的名称
                    name: "image",
                    formData: {},
                    success: (result) => {
                        let url = JSON.parse(result.data).url
                        this.UpLodaImgs.push(url);
                        // 所有图片上传完毕
                        if (i === chooseImgs.length - 1) {
                            wx.hideLoading();
                            this.setData({
                                textVal: "",
                                chooseImgs: []
                            });
                            // 返回上一个页面
                            wx.navigateBack({
                                delta: 1
                            });

                        }
                    },

                });
            })
        } else {
            console.log("只是提交文本");
            // 返回上一个页面
            wx.navigateBack({
                delta: 1
            });
            wx.hideLoading();


        }

    },
    // 文本域输入事件
    handleInputText(e) {
        this.setData({
            textVal: e.detail.value
        })
    },
    // 点击自定义 图片组件
    handleRemoveImg(e) {
        // 获取被点击图片的索引
        const { index } = e.currentTarget.dataset;
        // 获取data中的图片数组;
        let { chooseImgs } = this.data;
        // 删除元素
        chooseImgs.splice(index, 1)
        this.setData({
            chooseImgs
        })
    },
    // 点击添加图片
    handleChooseImg() {
        wx.chooseImage({
            //图片张数
            count: 9,
            // 图片格式 原图 压缩
            sizeType: ['original', 'compressed'],
            // 图片来源 相册 照相机
            sourceType: ['album', 'camera'],
            success: (result) => {
                this.setData({
                    //图片数组进行拼接
                    chooseImgs: [...this.data.chooseImgs, ...result.tempFilePaths]
                })
            },

        });
    },
    //标题的点击事件
    handleTabsItemChange(e) {
        const { index } = e.detail;
        // 修改原数组
        let { tabs } = this.data
        tabs.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false)
        this.setData({
            tabs
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})